import { Layout, Space } from 'antd';
import Leftborder from '../components/Leftborder'
import {  Outlet } from 'react-router-dom';
const { Header, Sider, Content } = Layout;
const headerStyle = {
    textAlign: 'center',
    color: '#fff',
    height: 100,
    paddingInline: 50,
    lineHeight: '64px',
    // background:"#ffffff"
};
const contentStyle = {
    textAlign: 'center',
    minHeight: 100,
    lineHeight: '120px',
    color: '#fff',
    // backgroundColor: '#108ee9',
};
const siderStyle = {
    textAlign: 'center',
    // lineHeight: '200vw',
    color: '#fff',
};
const App = () => (
    <Space
        direction="vertical"
        style={{
            width: '100%',
        }}
        size={[0, 48]}
    >
        <Layout>
            <Sider style={siderStyle}>
                <Leftborder></Leftborder>
            </Sider>
            <Layout>
                <Header style={headerStyle}>Header</Header>
                <Content style={contentStyle}>
                    <Outlet></Outlet>
                </Content>
            </Layout>
        </Layout>
    </Space>
);
export default App;